<template>
  <div id="app">
    <guide></guide>
    <keep-alive>
      <router-view v-if="$route.meta.keepAlive"></router-view>
    </keep-alive>
    <router-view v-if="!$route.meta.keepAlive"></router-view>
    <copyright v-show="!$store.state.isPlayInfo"></copyright>
    <player v-show="!$store.state.isPlayInfo"></player>
  </div>
</template>

<script>
import guide from './components/Guide'
import copyright from './components/Copyright'
import player from './components/Player'

export default {
  data() {
    return {

    }
  },
  components: {
    guide,
    copyright,
    player
  }
}
</script>

<style lang="scss">
  #app {
    background-image: url(./assets/upload/wallhaven-qdk6m5.jpg);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100%;
    background-attachment: fixed;
  }
</style>
